import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:hive_flutter/hive_flutter.dart';
import 'package:ichinesereader/constants.dart';
import 'package:ichinesereader/controller/cache.dart';
import '../../themes/appTheme.dart';

class NavListItems extends StatelessWidget {
  final box = Hive.box('appconfig');

  @override
  Widget build(BuildContext context) {
    bool isStudent = box.get(CacheManagerKey['nanhairole'].toString()) ==
        Constants.NanhaiRole_Student;

    var navListItem = [
      //LEVEL READINGS LINK
      InkWell(
        onTap: () {
          if (isStudent) {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/leveledreadings');
            } else {
              Get.offAllNamed('/student/leveledreadings');
            }
          } else {
            if (GetPlatform.isWeb) {
              Get.toNamed('/individual/leveledreadings');
            } else {
              Get.offAllNamed('/individual/leveledreadings');
            }
          }
        },
        child: Container(
          child: Stack(
            alignment: Alignment.topLeft,
            children: [
              //NAV LINK TAG
              Container(
                margin: EdgeInsets.only(left: 18),
                child: Container(
                  padding: EdgeInsets.all(30.0),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.only(
                      bottomLeft: Radius.circular(4),
                      topLeft: Radius.circular(18),
                      bottomRight: Radius.circular(12),
                      topRight: Radius.circular(4),
                    ),
                    //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                    border: Border.all(
                      color: Get.isDarkMode ? Color(0xff666666) : Colors.white,
                      width: 3,
                    ),
                    gradient: LinearGradient(
                      colors: Get.isDarkMode
                          ? [
                              Color(0xff222222),
                              Color(0xff222222),
                              Color(0xff222222),
                              Color(0xff222222),
                              Color(0xff222222),
                              Color(0xff222222),
                              Color(0xff222222),
                            ]
                          : [
                              Color(0xffff5994),
                              Color(0xfff09b72),
                              Color(0xfff09b72),
                              Color(0xfff09b72),
                              Color(0xfff09b72),
                              Color(0xfff09b72),
                              Color(0xffff5994),
                            ],
                      begin: Alignment.topLeft,
                      end: Alignment.bottomRight,
                    ),
                  ),
                  child: Text(
                    'Leveled Readings'.tr,
                    style: TextStyle(
                      fontSize: 18,
                      //fontWeight: FontWeight.w600,
                      fontFamily: 'Montserrat',
                      color: Colors.white,
                    ),
                  ),
                ),
              ),
              Container(
                margin: EdgeInsets.only(top: 30),
                child: Stack(
                  alignment: Alignment.center,
                  children: [
                    Container(
                      width: 42,
                      height: 42,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Color(0xff777777)
                            : Colors.white.withOpacity(0.8),
                        boxShadow: [
                          BoxShadow(
                            blurRadius: 3,
                            spreadRadius: 1,
                            color: Get.isDarkMode
                                ? Colors.black
                                : Colors.black.withOpacity(0.1),
                            offset: Offset(1, 1),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      width: 34,
                      height: 34,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Colors.black
                            : Colors.orange.withOpacity(0.8),
                      ),
                      child: Get.isDarkMode
                          ? Icon(
                              Icons.trending_up,
                              color: Get.theme.primaryColorDark,
                              size: 27.0,
                            )
                          : Icon(
                              Icons.trending_up,
                              color: AppTheme.colors.drawerItemSelectedColor,
                              size: 27.0,
                            ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),

      //HOMEWORK LINK
      Visibility(
        visible: isStudent,
        child: InkWell(
          onTap: () {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/homework');
            } else {
              Get.offAllNamed('/student/homework');
            }
          },
          child: Container(
            child: Stack(
              alignment: Alignment.topLeft,
              children: [
                //NAV LINK TAG
                Container(
                  margin: EdgeInsets.only(left: 18),
                  child: Center(
                    child: Container(
                      padding: EdgeInsets.all(30.0),
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.only(
                          bottomLeft: Radius.circular(4),
                          topLeft: Radius.circular(18),
                          bottomRight: Radius.circular(12),
                          topRight: Radius.circular(4),
                        ),
                        //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                        border: Border.all(
                          color:
                              Get.isDarkMode ? Color(0xff666666) : Colors.white,
                          width: 3,
                        ),
                        gradient: LinearGradient(
                          colors: Get.isDarkMode
                              ? [
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                ]
                              : [
                                  Color(0xffff5994),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xffff5994),
                                ],
                          begin: Alignment.topLeft,
                          end: Alignment.bottomRight,
                        ),
                      ),
                      child: Text(
                        'Homework'.tr,
                        style: TextStyle(
                          fontSize: 18,
                          //fontWeight: FontWeight.w600,
                          fontFamily: 'Montserrat',
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                ),
                //ICON
                Container(
                  margin: EdgeInsets.only(top: 30),
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      Container(
                        width: 42,
                        height: 42,
                        decoration: BoxDecoration(
                          shape: BoxShape.circle,
                          color: Get.isDarkMode
                              ? Color(0xff777777)
                              : Colors.white.withOpacity(0.8),
                          boxShadow: [
                            BoxShadow(
                              blurRadius: 3,
                              spreadRadius: 1,
                              color: Get.isDarkMode
                                  ? Colors.black
                                  : Colors.black.withOpacity(0.1),
                              offset: Offset(1, 1),
                            ),
                          ],
                        ),
                      ),
                      Container(
                        width: 34,
                        height: 34,
                        decoration: BoxDecoration(
                          shape: BoxShape.circle,
                          color: Get.isDarkMode
                              ? Colors.black
                              : Colors.orange.withOpacity(0.8),
                        ),
                        child: Get.isDarkMode
                            ? Icon(
                                Icons.task_rounded,
                                color: Get.theme.primaryColorDark,
                                size: 27.0,
                              )
                            : Icon(
                                Icons.task_rounded,
                                color: AppTheme.colors.drawerItemSelectedColor,
                                size: 27.0,
                              ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),

      //ASSESSMENTS LINK
      Visibility(
        visible: isStudent,
        child: InkWell(
          onTap: () {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/assessments');
            } else {
              Get.offAllNamed('/student/assessments');
            }
          },
          child: Container(
            child: Stack(
              alignment: Alignment.topLeft,
              children: [
                //NAV LINK TAG
                Container(
                  margin: EdgeInsets.only(left: 18),
                  child: Center(
                    child: Container(
                      padding: EdgeInsets.all(30.0),
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.only(
                          bottomLeft: Radius.circular(4),
                          topLeft: Radius.circular(18),
                          bottomRight: Radius.circular(12),
                          topRight: Radius.circular(4),
                        ),
                        //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                        border: Border.all(
                          color:
                              Get.isDarkMode ? Color(0xff666666) : Colors.white,
                          width: 3,
                        ),
                        gradient: LinearGradient(
                          colors: Get.isDarkMode
                              ? [
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                ]
                              : [
                                  Color(0xffff5994),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xffff5994),
                                ],
                          begin: Alignment.topLeft,
                          end: Alignment.bottomRight,
                        ),
                      ),
                      child: Text(
                        'Assessments'.tr,
                        style: TextStyle(
                          fontSize: 18,
                          //fontWeight: FontWeight.w600,
                          fontFamily: 'Montserrat',
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                ),
                //ICON
                Container(
                  margin: EdgeInsets.only(top: 30),
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      Container(
                        width: 42,
                        height: 42,
                        decoration: BoxDecoration(
                          shape: BoxShape.circle,
                          color: Get.isDarkMode
                              ? Color(0xff777777)
                              : Colors.white.withOpacity(0.8),
                          boxShadow: [
                            BoxShadow(
                              blurRadius: 3,
                              spreadRadius: 1,
                              color: Get.isDarkMode
                                  ? Colors.black
                                  : Colors.black.withOpacity(0.1),
                              offset: Offset(1, 1),
                            ),
                          ],
                        ),
                      ),
                      Container(
                        width: 34,
                        height: 34,
                        decoration: BoxDecoration(
                          shape: BoxShape.circle,
                          color: Get.isDarkMode
                              ? Colors.black
                              : Colors.orange.withOpacity(0.8),
                        ),
                        child: Get.isDarkMode
                            ? Icon(
                                Icons.assessment_rounded,
                                color: Get.theme.primaryColorDark,
                                size: 27.0,
                              )
                            : Icon(
                                Icons.assessment_rounded,
                                color: AppTheme.colors.drawerItemSelectedColor,
                                size: 27.0,
                              ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),
      InkWell(
        onTap: () {
          if (GetPlatform.isWeb) {
            Get.toNamed('/student/reward');
          } else {
            Get.offAllNamed('/student/reward');
          }
        },
        child: Container(
          child: Stack(
            alignment: Alignment.topLeft,
            children: [
              //NAV LINK TAG
              Container(
                margin: EdgeInsets.only(left: 18),
                child: Center(
                  child: Container(
                    padding: EdgeInsets.all(30.0),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.only(
                        bottomLeft: Radius.circular(4),
                        topLeft: Radius.circular(18),
                        bottomRight: Radius.circular(12),
                        topRight: Radius.circular(4),
                      ),
                      //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                      border: Border.all(
                        color:
                            Get.isDarkMode ? Color(0xff666666) : Colors.white,
                        width: 3,
                      ),
                      gradient: LinearGradient(
                        colors: Get.isDarkMode
                            ? [
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                              ]
                            : [
                                Color(0xffff5994),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xffff5994),
                              ],
                        begin: Alignment.topLeft,
                        end: Alignment.bottomRight,
                      ),
                    ),
                    child: Text(
                      'Rewards'.tr,
                      style: TextStyle(
                        fontSize: 18,
                        //fontWeight: FontWeight.w600,
                        fontFamily: 'Montserrat',
                        color: Colors.white,
                      ),
                    ),
                  ),
                ),
              ),
              //ICON
              Container(
                margin: EdgeInsets.only(top: 30),
                child: Stack(
                  alignment: Alignment.center,
                  children: [
                    Container(
                      width: 42,
                      height: 42,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Color(0xff777777)
                            : Colors.white.withOpacity(0.8),
                        boxShadow: [
                          BoxShadow(
                            blurRadius: 3,
                            spreadRadius: 1,
                            color: Get.isDarkMode
                                ? Colors.black
                                : Colors.black.withOpacity(0.1),
                            offset: Offset(1, 1),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      width: 34,
                      height: 34,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Colors.black
                            : Colors.orange.withOpacity(0.8),
                      ),
                      child: Get.isDarkMode
                          ? Icon(
                              Icons.videogame_asset,
                              color: Get.theme.primaryColorDark,
                              size: 27.0,
                            )
                          : Icon(
                              Icons.videogame_asset,
                              color: AppTheme.colors.drawerItemSelectedColor,
                              size: 27.0,
                            ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),

      //AUdio books LINK
      InkWell(
        onTap: () {
          if (isStudent) {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/audiobooks');
            } else {
              Get.offAllNamed('/student/audiobooks');
            }
          } else {
            if (GetPlatform.isWeb) {
              Get.toNamed('/individual/audiobooks');
            } else {
              Get.offAllNamed('/individual/audiobooks');
            }
          }
        },
        child: Container(
          child: Stack(
            alignment: Alignment.topLeft,
            children: [
              //NAV LINK TAG
              Container(
                margin: EdgeInsets.only(left: 18),
                child: Center(
                  child: Container(
                    padding: EdgeInsets.all(30.0),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.only(
                        bottomLeft: Radius.circular(4),
                        topLeft: Radius.circular(18),
                        bottomRight: Radius.circular(12),
                        topRight: Radius.circular(4),
                      ),
                      //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                      border: Border.all(
                        color:
                            Get.isDarkMode ? Color(0xff666666) : Colors.white,
                        width: 3,
                      ),
                      gradient: LinearGradient(
                        colors: Get.isDarkMode
                            ? [
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                              ]
                            : [
                                Color(0xffff5994),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xffff5994),
                              ],
                        begin: Alignment.topLeft,
                        end: Alignment.bottomRight,
                      ),
                    ),
                    child: Text(
                      'Audio Books'.tr,
                      style: TextStyle(
                        fontSize: 18,
                        //fontWeight: FontWeight.w600,
                        fontFamily: 'Montserrat',
                        color: Colors.white,
                      ),
                    ),
                  ),
                ),
              ),
              //ICON
              Container(
                margin: EdgeInsets.only(top: 30),
                child: Stack(
                  alignment: Alignment.center,
                  children: [
                    Container(
                      width: 42,
                      height: 42,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Color(0xff777777)
                            : Colors.white.withOpacity(0.8),
                        boxShadow: [
                          BoxShadow(
                            blurRadius: 3,
                            spreadRadius: 1,
                            color: Get.isDarkMode
                                ? Colors.black
                                : Colors.black.withOpacity(0.1),
                            offset: Offset(1, 1),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      width: 34,
                      height: 34,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Colors.black
                            : Colors.orange.withOpacity(0.8),
                      ),
                      child: Get.isDarkMode
                          ? Icon(
                              Icons.music_note_rounded,
                              color: Get.theme.primaryColorDark,
                              size: 27.0,
                            )
                          : Icon(
                              Icons.music_note_rounded,
                              color: AppTheme.colors.drawerItemSelectedColor,
                              size: 27.0,
                            ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),

      //MY FAVORITES LINK
      InkWell(
        onTap: () {
          if (isStudent) {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/myfavorites');
            } else {
              Get.offAllNamed('/student/myfavorites');
            }
          } else {
            if (GetPlatform.isWeb) {
              Get.toNamed('/individual/myfavorites');
            } else {
              Get.offAllNamed('/individual/myfavorites');
            }
          }
        },
        child: Container(
          child: Stack(
            alignment: Alignment.topLeft,
            children: [
              //NAV LINK TAG
              Container(
                margin: EdgeInsets.only(left: 18),
                child: Center(
                  child: Container(
                    padding: EdgeInsets.all(30.0),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.only(
                        bottomLeft: Radius.circular(4),
                        topLeft: Radius.circular(18),
                        bottomRight: Radius.circular(12),
                        topRight: Radius.circular(4),
                      ),
                      //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                      border: Border.all(
                        color:
                            Get.isDarkMode ? Color(0xff666666) : Colors.white,
                        width: 3,
                      ),
                      gradient: LinearGradient(
                        colors: Get.isDarkMode
                            ? [
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                              ]
                            : [
                                Color(0xffff5994),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xffff5994),
                              ],
                        begin: Alignment.topLeft,
                        end: Alignment.bottomRight,
                      ),
                    ),
                    child: Text(
                      'My Favorites'.tr,
                      style: TextStyle(
                        fontSize: 18,
                        //fontWeight: FontWeight.w600,
                        fontFamily: 'Montserrat',
                        color: Colors.white,
                      ),
                    ),
                  ),
                ),
              ),
              Container(
                margin: EdgeInsets.only(top: 30),
                child: Stack(
                  alignment: Alignment.center,
                  children: [
                    Container(
                      width: 42,
                      height: 42,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Color(0xff777777)
                            : Colors.white.withOpacity(0.8),
                        boxShadow: [
                          BoxShadow(
                            blurRadius: 3,
                            spreadRadius: 1,
                            color: Get.isDarkMode
                                ? Colors.black
                                : Colors.black.withOpacity(0.1),
                            offset: Offset(1, 1),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      width: 34,
                      height: 34,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Colors.black
                            : Colors.orange.withOpacity(0.8),
                      ),
                      child: Get.isDarkMode
                          ? Icon(
                              Icons.favorite_border_rounded,
                              color: Get.theme.primaryColorDark,
                              size: 27.0,
                            )
                          : Icon(
                              Icons.favorite_border_rounded,
                              color: AppTheme.colors.drawerItemSelectedColor,
                              size: 27.0,
                            ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
      //Recommendbooks LINK
      InkWell(
        onTap: () {
          if (isStudent) {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/books/recommendation');
            } else {
              Get.offAllNamed('/student/books/recommendation');
            }
          } else {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/books/recommendation');
            } else {
              Get.offAllNamed('/student/books/recommendation');
            }
          }
        },
        child: Container(
          child: Stack(
            alignment: Alignment.topLeft,
            children: [
              //NAV LINK TAG
              Container(
                margin: EdgeInsets.only(left: 18),
                child: Center(
                  child: Container(
                    padding: EdgeInsets.all(30.0),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.only(
                        bottomLeft: Radius.circular(4),
                        topLeft: Radius.circular(18),
                        bottomRight: Radius.circular(12),
                        topRight: Radius.circular(4),
                      ),
                      //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                      border: Border.all(
                        color:
                            Get.isDarkMode ? Color(0xff666666) : Colors.white,
                        width: 3,
                      ),
                      gradient: LinearGradient(
                        colors: Get.isDarkMode
                            ? [
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                              ]
                            : [
                                Color(0xffff5994),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xffff5994),
                              ],
                        begin: Alignment.topLeft,
                        end: Alignment.bottomRight,
                      ),
                    ),
                    child: Text(
                      'Recommendations'.tr,
                      style: TextStyle(
                        fontSize: 18,
                        //fontWeight: FontWeight.w600,
                        fontFamily: 'Montserrat',
                        color: Colors.white,
                      ),
                    ),
                  ),
                ),
              ),
              //ICON
              Container(
                margin: EdgeInsets.only(top: 30),
                child: Stack(
                  alignment: Alignment.center,
                  children: [
                    Container(
                      width: 42,
                      height: 42,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Color(0xff777777)
                            : Colors.white.withOpacity(0.8),
                        boxShadow: [
                          BoxShadow(
                            blurRadius: 3,
                            spreadRadius: 1,
                            color: Get.isDarkMode
                                ? Colors.black
                                : Colors.black.withOpacity(0.1),
                            offset: Offset(1, 1),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      width: 34,
                      height: 34,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Colors.black
                            : Colors.orange.withOpacity(0.8),
                      ),
                      child: Get.isDarkMode
                          ? Icon(
                              Icons.recommend_rounded,
                              color: Get.theme.primaryColorDark,
                              size: 27.0,
                            )
                          : Icon(
                              Icons.recommend_rounded,
                              color: AppTheme.colors.drawerItemSelectedColor,
                              size: 27.0,
                            ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),

      //LIBRARY LINK
      InkWell(
        onTap: () {
          if (isStudent) {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/library');
            } else {
              Get.offAllNamed('/student/library');
            }
          } else {
            if (GetPlatform.isWeb) {
              Get.toNamed('/individual/library');
            } else {
              Get.offAllNamed('/individual/library');
            }
          }
        },
        child: Container(
          child: Stack(
            alignment: Alignment.topLeft,
            children: [
              //NAV LINK TAG
              Container(
                margin: EdgeInsets.only(left: 18),
                child: Center(
                  child: Container(
                    padding: EdgeInsets.all(30.0),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.only(
                        bottomLeft: Radius.circular(4),
                        topLeft: Radius.circular(18),
                        bottomRight: Radius.circular(12),
                        topRight: Radius.circular(4),
                      ),
                      //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                      border: Border.all(
                        color:
                            Get.isDarkMode ? Color(0xff666666) : Colors.white,
                        width: 3,
                      ),
                      gradient: LinearGradient(
                        colors: Get.isDarkMode
                            ? [
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                              ]
                            : [
                                Color(0xffff5994),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xffff5994),
                              ],
                        begin: Alignment.topLeft,
                        end: Alignment.bottomRight,
                      ),
                    ),
                    child: Text(
                      'Library'.tr,
                      style: TextStyle(
                        fontSize: 18,
                        //fontWeight: FontWeight.w600,
                        fontFamily: 'Montserrat',
                        color: Colors.white,
                      ),
                    ),
                  ),
                ),
              ),
              //ICON
              Container(
                margin: EdgeInsets.only(top: 30),
                child: Stack(
                  alignment: Alignment.center,
                  children: [
                    Container(
                      width: 42,
                      height: 42,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Color(0xff777777)
                            : Colors.white.withOpacity(0.8),
                        boxShadow: [
                          BoxShadow(
                            blurRadius: 3,
                            spreadRadius: 1,
                            color: Get.isDarkMode
                                ? Colors.black
                                : Colors.black.withOpacity(0.1),
                            offset: Offset(1, 1),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      width: 34,
                      height: 34,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Colors.black
                            : Colors.orange.withOpacity(0.8),
                      ),
                      child: Get.isDarkMode
                          ? Icon(
                              Icons.local_library,
                              color: Get.theme.primaryColorDark,
                              size: 27.0,
                            )
                          : Icon(
                              Icons.local_library,
                              color: AppTheme.colors.drawerItemSelectedColor,
                              size: 27.0,
                            ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),

      //EVALUATION LINK
      Visibility(
        visible: isStudent,
        child: InkWell(
          onTap: () {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/evaluation');
            } else {
              Get.offAllNamed('/student/evaluation');
            }
          },
          child: Container(
            child: Stack(
              alignment: Alignment.topLeft,
              children: [
                //EVALUATION NAV LINK TAG
                Container(
                  margin: EdgeInsets.only(left: 18),
                  child: Center(
                    child: Container(
                      padding: EdgeInsets.all(30.0),
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.only(
                          bottomLeft: Radius.circular(4),
                          topLeft: Radius.circular(18),
                          bottomRight: Radius.circular(12),
                          topRight: Radius.circular(4),
                        ),
                        //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                        border: Border.all(
                          color:
                              Get.isDarkMode ? Color(0xff666666) : Colors.white,
                          width: 3,
                        ),
                        gradient: LinearGradient(
                          colors: Get.isDarkMode
                              ? [
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                  Color(0xff222222),
                                ]
                              : [
                                  Color(0xffff5994),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xfff09b72),
                                  Color(0xffff5994),
                                ],
                          begin: Alignment.topLeft,
                          end: Alignment.bottomRight,
                        ),
                      ),
                      child: Text(
                        'Evaluation'.tr,
                        style: TextStyle(
                          fontSize: 18,
                          //fontWeight: FontWeight.w600,
                          fontFamily: 'Montserrat',
                          color: Colors.white,
                        ),
                      ),
                    ),
                  ),
                ),
                //EVALUATION ICON
                Container(
                  margin: EdgeInsets.only(top: 30),
                  child: Stack(
                    alignment: Alignment.center,
                    children: [
                      Container(
                        width: 42,
                        height: 42,
                        decoration: BoxDecoration(
                          shape: BoxShape.circle,
                          color: Get.isDarkMode
                              ? Color(0xff777777)
                              : Colors.white.withOpacity(0.8),
                          boxShadow: [
                            BoxShadow(
                              blurRadius: 3,
                              spreadRadius: 1,
                              color: Get.isDarkMode
                                  ? Colors.black
                                  : Colors.black.withOpacity(0.1),
                              offset: Offset(1, 1),
                            ),
                          ],
                        ),
                      ),
                      Container(
                        width: 34,
                        height: 34,
                        decoration: BoxDecoration(
                          shape: BoxShape.circle,
                          color: Get.isDarkMode
                              ? Colors.black
                              : Colors.orange.withOpacity(0.8),
                        ),
                        child: Get.isDarkMode
                            ? Icon(
                                Icons.high_quality_rounded,
                                color: Get.theme.primaryColorDark,
                                size: 27.0,
                              )
                            : Icon(
                                Icons.high_quality_rounded,
                                color: AppTheme.colors.drawerItemSelectedColor,
                                size: 27.0,
                              ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ),

      //REPORTS LINK
      InkWell(
        onTap: () {
          if (isStudent) {
            if (GetPlatform.isWeb) {
              Get.toNamed('/student/reports');
            } else {
              Get.offAllNamed('/student/reports');
            }
          } else {
            if (GetPlatform.isWeb) {
              Get.toNamed('/individual/reports');
            } else {
              Get.offAllNamed('/individual/reports');
            }
          }
        },
        child: Container(
          child: Stack(
            alignment: Alignment.topLeft,
            children: [
              //NAV LINK TAG
              Container(
                margin: EdgeInsets.only(left: 18),
                child: Center(
                  child: Container(
                    padding: EdgeInsets.all(30.0),
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.only(
                        bottomLeft: Radius.circular(4),
                        topLeft: Radius.circular(18),
                        bottomRight: Radius.circular(12),
                        topRight: Radius.circular(4),
                      ),
                      //color: Get.isDarkMode ? Get.theme.primaryColorLight : Color(0xfff09b72),
                      border: Border.all(
                        color:
                            Get.isDarkMode ? Color(0xff666666) : Colors.white,
                        width: 3,
                      ),
                      gradient: LinearGradient(
                        colors: Get.isDarkMode
                            ? [
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                                Color(0xff222222),
                              ]
                            : [
                                Color(0xffff5994),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xfff09b72),
                                Color(0xffff5994),
                              ],
                        begin: Alignment.topLeft,
                        end: Alignment.bottomRight,
                      ),
                    ),
                    child: Text(
                      'Reports'.tr,
                      style: TextStyle(
                        fontSize: 18,
                        //fontWeight: FontWeight.w600,
                        fontFamily: 'Montserrat',
                        color: Colors.white,
                      ),
                    ),
                  ),
                ),
              ),
              //ICON
              Container(
                margin: EdgeInsets.only(top: 30),
                child: Stack(
                  alignment: Alignment.center,
                  children: [
                    Container(
                      width: 42,
                      height: 42,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Color(0xff777777)
                            : Colors.white.withOpacity(0.8),
                        boxShadow: [
                          BoxShadow(
                            blurRadius: 3,
                            spreadRadius: 1,
                            color: Get.isDarkMode
                                ? Colors.black
                                : Colors.black.withOpacity(0.1),
                            offset: Offset(1, 1),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      width: 34,
                      height: 34,
                      decoration: BoxDecoration(
                        shape: BoxShape.circle,
                        color: Get.isDarkMode
                            ? Colors.black
                            : Colors.orange.withOpacity(0.8),
                      ),
                      child: Get.isDarkMode
                          ? Icon(
                              Icons.bar_chart_rounded,
                              color: Get.theme.primaryColorDark,
                              size: 27.0,
                            )
                          : Icon(
                              Icons.bar_chart_rounded,
                              color: AppTheme.colors.drawerItemSelectedColor,
                              size: 27.0,
                            ),
                    ),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    ];
    return Container(
      child: ListView.separated(
        scrollDirection: Axis.horizontal,
        itemCount: navListItem.length,
        itemBuilder: (context, index) {
          return navListItem[index];
        },
        separatorBuilder: (context, _) => SizedBox(width: 10),
      ),
    );
  }
}
